// import Layout from '../layOut/components/sidBar'
const sidbar = '../layOut/components/sidBar.vue'
const routes = [
    {
        name:'表格',
        path: '/',
        redirect: {
            name:'表格列表'
        },
        component: () => import(sidbar),
        children:[
            {
            name: '表格列表',
            path:'/onelist',
            component: ()=> import('../view/list.vue') 
        },
        {
            name: '表格详情',
            path:'/oneview',
            component: ()=> import('../view/view.vue') 
        }
    ]
        
    },
    {
        name: 'b',
        path: '/b',
        redirect: '/twoView',
        component: () => import(sidbar),
        children:[
            {
            name: 'twoView',
            path:'/twoView',
            component: ()=> import('../view/echarts/echartsIndex.vue') 
        }]
    },
    {
        name: '响应式',
        path: '/de',
        redirect: '/defineProperty',
        component: () => import(sidbar),
        children:[
            {
            name: 'vue2响应式',
            path:'/defineProperty',
            component: ()=> import('../view/defineProperty.vue') 
        },
        {
            name: '原型实例',
            path:'/proto',
            component: ()=> import('../view/proto.vue') 
        }
    ]
    },
    {
        name: '手写js题',
        path: '/shouxie',
        redirect:{
            name:"手写js题1"
        },
        component: () => import(sidbar),
        children:[
            {
            name: '手写js题1',
            path:'/shouxieti',
            component: ()=> import('../view/js手写重要题.vue') 
        }
    ]
    },
    {
        name: 'vue',
        path: '/vue3',
        redirect:{
            name:"vue3"
        },
        component: () => import(sidbar),
        children:[
            {
            name: 'vue3',
            path:'/vue3',
            component: ()=> import('../view/vue3dom.vue') 
        },
        {
            name: 'vue动画与过渡',
            path:'/vueAnimation',
            component: ()=> import('../view/animation.vue') 
        }
    ]
    },
    {
        name: 'vuex',
        path: '/vuex',
        redirect:{
            name:"vuex"
        },
        component: () => import(sidbar),
        children:[
            {
            name: 'sum',
            path:'/vuex',
            component: ()=> import('../view/sum.vue') 
        }
    ]
    }
    
];
 
export default routes